
<div th:fragment="index_top">
    <div class="container-fluid" id="top-box">
        <div class="container" id="top">
            <div class="row">
                <div class="col-xs-3"><img src="/pcstyle/images/logolist.png"></div>
                <div class="col-xs-6">
                    <div class="row">
                        <form th:action="@{/lqm/search}" method="get">
                            <div class="col-xs-9 form-box"><input class="form-control" type="text" name="q" required placeholder="请输入要搜索的商品名..."></div>
                            <div class="col-xs-3 form-box"><button class="form-control btn btn-danger" type="submit">搜索</button></div>
                        </form>
                    </div>
                    <div class="row">
                        <div class="col-xs-12 hot-search">
                            <ul class="list-inline">
                                <strong>热门搜索:</strong>
                                <li><a th:href="@{/lqm/search?q=凉拖鞋}" title="">凉拖鞋</a></li>
                                <li><a th:href="@{/lqm/search?q=时尚T恤}" title="">时尚T恤</a></li>
                                <li><a th:href="@{/lqm/search?q=防晒喷雾}" title="">防晒喷雾</a></li>
                                <li><a th:href="@{/lqm/search?q=纸巾}" title="">纸巾</a></li>
                                <li><a th:href="@{/lqm/search?q=裤子}" title="">裤子</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-xs-3 topimg">
                    <div class="table-cell text-center">
                        <img src="/pcstyle/images/top01.png" alt="人工审核的淘宝优惠券">
                        <p class="text-center">100%人工审核</p>
                    </div>
                    <div class="table-cell text-center">
                        <img src="/pcstyle/images/top02.png" alt="实施维护的天猫超市优惠券">
                        <p class="text-center">实时维护排查</p>
                    </div>
                    <div class="table-cell text-center">
                        <img src="/pcstyle/images/top03.png" alt="全天上新的淘宝内部优惠券">
                        <p class="text-center">全天持续上新</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<div th:fragment="index_nav_tab">
    <nav class="container-fluid" id="nav-tab">
        <div class="container box">
            <div class="row">
                <div class="col-xs-12">
                    <ul class="list-inline pull-left">
                        <li th:class="${navTab}=='lqm' ? 'navTab active': 'navTab'">
                            <a th:href="@{/lqm}" title="淘宝天猫优惠券">首页</a></li>
                        <li class="navTab"><a href="{{ route('pc.allGoodsCategory.index') }}" title="淘宝内部优惠券商品分类" target="_self">商品分类</a></li>
                        <li class="navTab"><a href="{{ route('pc.search.index') }}" title="淘宝天猫优惠券查询" target="_self">超级搜索</a></li>
                        <li class="navTab"><a href="{{ route('pc.optimusMaterial.pintuan')}}" title="聚划算拼团专场" target="_self">拼团</a></li>
                        <li class="navTab"><a href="{{ route('pc.taoqianggou.index') }}" title="淘抢购" target="_self">淘抢购</a></li>
                        <li th:class="${navTab}=='zhibo' ? 'navTab active': 'navTab'">
                            <a th:href="@{/lqm/zhibo/0}" title="淘宝天猫优惠券直播专场" target="_self">好券直播</a></li>
                        <li th:class="${navTab}=='baby' ? 'navTab active': 'navTab'">
                            <a th:href="@{/lqm/baby/0}" title="母婴类淘宝优惠券专场" target="_self">母婴生活</a></li>
                        <li th:class="${navTab}=='brand' ? 'navTab active': 'navTab'">
                            <a th:href="@{/lqm/brand/0}" title="大牌淘宝内部优惠券专场" target="_self">大牌专场</a></li>
                        <li th:class="${navTab}=='fashion' ? 'navTab active': 'navTab'">
                            <a th:href="@{/lqm/fashion/0}" title="淘宝天猫优惠券潮流范专场" target="_self">潮流街区</a></li>
                        <li th:class="${navTab}=='recommend' ? 'navTab active': 'navTab'">
                            <a th:href="@{/lqm/recommend/0}" title="淘宝内部优惠券推荐专场" target="_self">好货推荐</a></li>
                        <li th:class="${navTab}=='sales' ? 'navTab active': 'navTab'">
                            <a th:href="@{/lqm/sales/0}" title="特价淘宝天猫优惠券专场" target="_self">特惠专场</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </nav>
</div>

<div th:fragment="index_banner">
    <div class="container-fluid" id="banner-box">
        <div class="container">
            <div class="row banner-row">
                <div class="col-xs-2 category">
                    <ul class="list-unstyled">
                        <li th:each="menu : ${plist}">
                            <p><i th:class="${menu.fontIcon}"></i>&nbsp;[[${menu.name}]]</p>
                            <div class="list-mxlm">
                                <span th:each="mingxi : ${list}" th:if="${mingxi.parentId}==${menu.id}">[[${mingxi.name}]]</span>
                            </div>
                        </li>
                        <!--<a href="{{ route('pc.goodsCategorys.categoryOne', ['id'=>$category->id]) }}" title="{{ $category->name }}淘宝天猫优惠券" target="_blank"><li no='cate{{ $category->id }}'>{{ $category->name }}</li></a>
                        -->
                    </ul>
                </div>
                <div class="col-xs-10 content-box">
                    <div id="banner-list" class="carousel slide" data-ride="carousel">
                        <ol class="carousel-indicators">
                            <li data-target="#banner-list" data-slide-to="0" class="active"></li>
                            <li data-target="#banner-list" data-slide-to="1" class=""></li>
                            <li data-target="#banner-list" data-slide-to="2" class=""></li>
                        </ol>
                        <div class="carousel-inner banners" role="listbox">
                            <div class="item active">
                                <a th:href="@{/lqm/zhibo/0}" title="淘宝天猫优惠券直播专场" target="_blank">
                                    <img src="/pcstyle/images/banner_zhibo.jpg" alt="淘宝天猫优惠券直播专场banner">
                                </a>
                            </div>
                            <div class="item">
                                <a th:href="@{/lqm/brand/0}" title="大牌淘宝内部优惠券专场" target="_blank">
                                    <img src="/pcstyle/images/banner_brand.jpg" alt="大牌淘宝内部优惠券专场banner">
                                </a>
                            </div>
                            <div class="item">
                                <a th:href="@{/lqm/baby/0}" title="母婴类淘宝优惠券专场" target="_blank">
                                    <img src="/pcstyle/images/banner_baby.jpg" alt="母婴类淘宝优惠券专场banner">
                                </a>
                            </div>
                        </div>
                        <a class="left carousel-control" href="#banner-list" role="button" data-slide="prev">
                            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                        </a>
                        <a class="right carousel-control" href="#banner-list" role="button" data-slide="next">
                            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                        </a>
                    </div>
                    <div class="subCategory-box">
                        @foreach($sonCategory as $key => $oneCategory)
                        <div class="subCategory" id="cate{{ $oneCategory['topCategoryInfo']->id }}">
                            @foreach($oneCategory['subList'] as $twoCategory)
                            <div class="row">
                                <div class="col-xs-2 text-right cate-left">
                                    <a href="{{ route('pc.goodsCategorys.categoryTwo', ['id'=>$twoCategory['subCategoryInfo']->id]) }}" target="_blank" title="{{ $twoCategory['subCategoryInfo']->name }}淘宝天猫优惠券">
                                        <span>{{ $twoCategory['subCategoryInfo']->name }}<img data-src="{{ $twoCategory['subCategoryInfo']->image }}" src="/pcstyle/images/loading.gif" alt="{{ $twoCategory['subCategoryInfo']->name }}优惠券图片"></span>
                                    </a>
                                    <i class="glyphicon glyphicon-menu-right"></i>
                                </div>
                                <div class="col-xs-10 cate-right">
                                    <ul class="list-inline">
                                        @foreach($twoCategory['sonList'] as $threeCategory)
                                        <li class="text-left"><a href="{{ route('pc.goodsCategorys.categorySon', ['id'=>$threeCategory->id]) }}" target="_blank" title="{{ $threeCategory->name }}淘宝天猫优惠券"><img data-src="{{ $threeCategory->image }}" src="/pcstyle/images/loading.gif" alt="{{ $threeCategory->name }}优惠券图片"> {{ $threeCategory->name }}</a></li>
                                        @endforeach
                                    </ul>
                                </div>
                            </div>
                            @endforeach
                        </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div th:fragment="index_category">
    <div class="container-fluid" id="category-image">
        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <ul class="list-inline">
                        <li><a href="{{ route('pc.optimusMaterial.pintuan') }}" title="聚划算拼团专场" target="_blank"><img src="/pcstyle/images/category_pintuan.jpg"  alt="聚划算拼团专场"></a></li>
                        <li><a th:href="@{/lqm/fashion/0}" title="淘宝天猫优惠券潮流范专场" target="_blank"><img src="/pcstyle/images/category_fashion.jpg"  alt="淘宝天猫优惠券潮流范专场"></a></li>
                        <li><a th:href="@{/lqm/recommend/0}"  title="淘宝内部优惠券推荐专场" target="_blank"><img src="/pcstyle/images/category_recommend.jpg"  alt="淘宝内部优惠券推荐专场"></a></li>
                        <li><a th:href="@{/lqm/sales/0}" title="特价淘宝天猫优惠券专场" target="_blank"><img src="/pcstyle/images/category_sales.jpg"  alt="特价淘宝天猫优惠券专场"></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

<div th:fragment="material">
    <div class="container-fluid bread-crumb">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 box">
                    <ul class="list-inline">
                        <li class="text-center line"><a th:href="@{/lqm}" target="_blank" title="天猫超市优惠券">首页</a></li>
                        <li class="text-center line"><a href="" target="_self" title="淘宝天猫优惠券商品分类">全部商品</a></li>

                        <li th:each="list : ${LqmMaterial}" th:class="${listStat.index}==${sortId} ? 'text-center active' : 'text-center '">
                            <a th:href="'/lqm/'+${navTab}+'/'+ ${list.sortId}" target="_self" th:title="${list.category}  + '淘宝天猫优惠券'">[[${list.category}]]</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

<div th:fragment="index_ajax_tips">
    <div class="container-fluid ajax-tips">
        <div class="container">
            <div class="row text-center">
                <p status='on'>禀告主人，正在玩命加载您要查看的宝贝信息...</p>
            </div>
        </div>
    </div>
</div>

<div th:fragment="index_footer_adv">
    <div class="container-fluid" id="tedian">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 box">
                    <span class="text-center info"><i class="iconfont icon-gouwu3"></i>  品类齐全，轻松购物</span>
                    <span class="text-center info"><i class="iconfont icon-zhanwaisousuo"></i> 人工挑选，每日上新</span>
                    <span class="text-center info"><i class="iconfont icon-kefu3"></i> 客服在线，精致服务</span>
                    <span class="text-center info"><i class="iconfont icon-tuijiansel"></i> 天天特价，畅选无忧</span>
                </div>
            </div>
        </div>
    </div>
</div>

<div th:fragment="index_footer">
    <footer class="container-fluid" id="footer">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 top">
                    <div class="pull-left category">
                        <ul class="list-inline">
                            <li><a th:href="@{/lqm}" title="龙琴时代优惠券" target="_blank">首页</a></li>
                            <li><a href="{{ route('pc.allGoodsCategory.index') }}" title="淘宝内部优惠券商品分类" target="_blank">商品分类</a></li>
                            <li><a href="{{ route('pc.search.index') }}" title="淘宝天猫优惠券查询" target="_blank">超级搜索</a></li>
                            <li><a href="{{ route('pc.optimusMaterial.pintuan') }}" title="聚划算拼团专场" target="_blank">拼团</a></li>
                            <li><a href="{{ route('pc.taoqianggou.index') }}" title="淘抢购" target="_blank">淘抢购</a></li>
                            <li><a th:href="@{/lqm/zhibo/0}" title="淘宝天猫优惠券直播专场" target="_blank">好券直播</a></li>
                            <li><a th:href="@{/lqm/baby/0}" title="母婴类淘宝优惠券专场" target="_blank">母婴生活馆</a></li>
                            <li><a th:href="@{/lqm/brand/0}" title="大牌淘宝内部优惠券专场" target="_blank">大牌专场</a></li>
                            <li><a th:href="@{/lqm/fashion/0}"  title="淘宝天猫优惠券潮流范专场" target="_blank">潮流街区</a></li>
                            <li><a th:href="@{/lqm/recommend/0}"  title="淘宝内部优惠券推荐专场" target="_blank">推荐好货</a></li>
                            <li><a th:href="@{/lqm/sales/0}" title="特价淘宝天猫优惠券专场" target="_blank">特惠专场</a></li>
                            <!--<li><a href="{{ route('pc.download.app') }}" title="龙琴时代优惠券APP下载" target="_blank">龙琴时代APP下载</a></li>-->
                        </ul>
                    </div>
                    <div class="pull-right text-right adv">
                        <span>—— 分享淘宝天猫优惠券的专业网站 ——</span>
                    </div>
                </div>
                <div class="col-xs-12 bottem">
                    <div class="pull-left power">Powered by [[#{website.company_name}]]</div>
                    <div class="pull-right text-right copyright">Copyright@2019-2020 [[#{website.domain_beian}]]</div>
                </div>
            </div>
        </div>
    </footer>
</div>


